<template>
  <a-card size="small">
    <a-flex justify="space-between" align="center">
      <a-form layout="inline">
        <a-form-item>
          <a-input placeholder="请输入订单编号" style="width: 160px;"/>
        </a-form-item>
        <a-form-item>
          <a-select placeholder="请选择客户" style="width: 200px;"></a-select>
        </a-form-item>
        <a-form-item>
          <a-select placeholder="订单状态">
            <a-select-option value="1">待付款</a-select-option>
            <a-select-option value="2">待发货</a-select-option>
            <a-select-option value="3">待收货</a-select-option>
            <a-select-option value="4">已完成</a-select-option>
          </a-select>
        </a-form-item>
        
        <a-form-item>
          <a-range-picker style="width: 220px;" />
        </a-form-item>
      </a-form>
      <a-space>
        <a-button type="primary"><search-outlined/>搜索</a-button>
        <a-button>重置</a-button>
      </a-space>
    </a-flex>
    
  </a-card>
</template>

<script lang="ts" setup>
import {SearchOutlined} from '@ant-design/icons-vue'
</script>

<style scoped>

</style>